<!--
	作者：2575202388@qq.com
	时间：2018-10-31
	描述：加载组件
-->
<template>
	<Icon type="ios-football-outline" :size="size" class="rotate360"></Icon>
</template>

<script>
	export default {
		name: "Loading",
		props: {
			size: {
				type: String,
				default: "10"
			}
		}
	}
</script>

<style scoped="scoped">
	.rotate360 {
		color: #515a6e;
		animation: ani-demo-spin .3s linear infinite;
	}
	
	@keyframes ani-demo-spin {
		from {
			transform: rotate(0deg);
		}
		50% {
			transform: rotate(180deg);
		}
		to {
			transform: rotate(360deg);
		}
	}
</style>